﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Web.Teamsoo.Index" %>

<%@ Register Src="/Teamsoo/UserControl/Top.ascx" TagName="Top" TagPrefix="uc1" %>
<%@ Register Src="/Teamsoo/UserControl/Bottom.ascx" TagName="Bottom" TagPrefix="uc2" %>
<%@ Register Src="/Teamsoo/UserControl/Banner.ascx" TagName="Banner" TagPrefix="uc3" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <uc1:Top ID="Top1" runat="server" />
</head>
<body>
    <uc3:Banner ID="Banner1" runat="server" />
    <div class="banner">
        <div class="show">
            <ul>
                <li><a title='高端品牌网站定制设计' href="http://www.teamsoo.com/case-0-1.html">
                    <img alt="" height='460' src="http://www.teamsoo.com/UpLoadFile/Config/9ce806f8-ef1d-459f-a91b-35491068cfba.jpg" /></a></li>
                <li><a title='“N计划”助力新创企业互联网品牌成长' href="http://www.teamsoo.com/zt01.html">
                    <img alt="" height='460' src="http://www.teamsoo.com/UpLoadFile/Config/0d040a34-4748-457a-a735-c1a909112e0c.jpg" /></a></li>
                <li><a title='春纪联手天索互动打造品牌新品试用Minisite' href="http://www.teamsoo.com/case-0-1.html">
                    <img alt="" height='460' src="http://www.teamsoo.com/UpLoadFile/Config/669b585e-8c45-4d9d-a03d-f6e6e19c5cc5.jpg" /></a></li>
                <li><a title='天索互动携手赫美拉（香港）国际医疗美学集团提供品牌互联网战略服务' href="http://www.teamsoo.com/case-0-1.html">
                    <img alt="" height='460' src="http://www.teamsoo.com/UpLoadFile/Config/69fe62a0-f124-46ea-8873-d9199e8af0ee.jpg" /></a></li>
                <li><a title='每一个企业的品牌梦想，我们都将鼎力相助！' href="http://www.teamsoo.com/case-0-1.html">
                    <img alt="" height='460' src="http://www.teamsoo.com/UpLoadFile/Config/f3bbde9a-61a8-40c0-a45f-f4f810e31755.jpg" /></a></li>
                <li><a title='天索，期待与众不同的你！' href="http://www.teamsoo.com/Join.html">
                    <img alt="" height='460' src="http://www.teamsoo.com/UpLoadFile/Config/58f8fb70-0a90-4e9f-9a92-8fca73fca1f8.jpg" /></a></li>
            </ul>
        </div>
        <!--banner图片 end-->
        <!--滚动新闻 start-->
        <div class="png hot">
            <div class="wrapper rel">
                <div class="list">
                </div>
                <!--banner图片焦点 start-->
                <div class="focus png">
                    <a href="javascript:void(0)" class="on"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)"></a>
                </div>
                <!--banner图片焦点 end-->
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="m_left">
            <div class="ml_news">
                <h2>TS News</h2>
                <h3>
                    <a href="News-0-1.html" title="最近我们在做些什么">最近我们在做些什么？</a></h3>
                <h4>/ <a href="News-0-1.html" title="新闻动态">新闻动态</a></h4>
            </div>
            <div class="ml_clus">
                <h2>Our Client</h2>
                <h3>
                    <a href="Service.html#list" title="我们提供创新设计服务">我们提供创新设计服务</a></h3>
                <h4>/ <a href="Service.html#list" title="客户列表">客户列表</a></h4>
            </div>
        </div>
        <div class="m_right">
            <div class="i_news">
                <div class="in_tab">
                    <ul>
                    </ul>
                </div>
                <div class="news_b">
                    <div class="news_c_on">
                        <div id='p_crly1' class="news_c_on">
                            <dl>
                                <dt><a title="优百纳续约天索互动打造品牌手机版网站建设" href="NewsInfo-181.html">
                                    <img alt="" src="http://www.teamsoo.com/UpLoadFile/Article/201462116406875_news_ubn_01.jpg" width="230" height="90" alt="" /></a></dt>
                                <dd class="overflowtxt title"><a title="优百纳续约天索互动打造品牌手机版网站建设" href="NewsInfo-181.html">优百纳续约天索互动打造品牌手机版网站建设</a></dd>
                                <dd class="spans">Ubella品牌的前身，一家专业生产垃圾桶的工厂在中国的南方悄然崛起...</dd>
                            </dl>
                            <dl>
                                <dt><a title="天索互动签约半日贤聚品牌微网站建设" href="NewsInfo-182.html">
                                    <img alt="" src="http://www.teamsoo.com/UpLoadFile/Article/2014621164824156_news_brxj_01.jpg" width="230" height="90" alt="" /></a></dt>
                                <dd class="overflowtxt title"><a title="天索互动签约半日贤聚品牌微网站建设" href="NewsInfo-182.html">天索互动签约半日贤聚品牌微网站建设</a></dd>
                                <dd class="spans">偷得浮生半日闲，半日贤聚为广州江上风清文化传播有限公司旗下品牌...</dd>
                            </dl>
                            <dl>
                                <dt><a title="天索互动助力普罗旺斯官方网站建设" href="NewsInfo-180.html">
                                    <img alt="" src="http://www.teamsoo.com/UpLoadFile/Article/2014621162446625_news_plws_01.jpg" width="230" height="90" alt="" /></a></dt>
                                <dd class="overflowtxt title"><a title="天索互动助力普罗旺斯官方网站建设" href="NewsInfo-180.html">天索互动助力普罗旺斯官方网站建设</a></dd>
                                <dd class="spans">普罗旺斯旅游投资管理有限公司，通过全球资源整合，在短时间内成长为...</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
            <div class="company_list" style="padding-left: 7px;">
                <a title="客户列表" href="Service.html#list">
                    <img alt="" src="http://www.teamsoo.com/UpLoadFile/Config/5d3ecd09-0afd-46ab-99ee-1f71395a5b07.gif" width="717" /></a>
            </div>
            <div class="friend_links" style="padding-left: 7px;">
                中国移动&nbsp;&nbsp;/&nbsp;&nbsp;万利达&nbsp;&nbsp;/&nbsp;&nbsp;省社科院&nbsp;&nbsp;/&nbsp;&nbsp;中兴手机&nbsp;&nbsp;/&nbsp;&nbsp;泸州老窖&nbsp;&nbsp;/&nbsp;&nbsp;仙踪林&nbsp;&nbsp;/&nbsp;&nbsp;加多宝&nbsp;&nbsp;/&nbsp;&nbsp;碧桂园&nbsp;&nbsp;/&nbsp;&nbsp;暨南大学&nbsp;&nbsp;/&nbsp;&nbsp;理论粤军网&nbsp;&nbsp;/&nbsp;&nbsp;哥弟

            </div>
        </div>
    </div>
    <uc2:Bottom ID="Bottom1" runat="server" />
    <script type="text/javascript" src="/Teamsoo/Teamsoo/js/jcarousellite_1.0.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.banner .show ul li:eq(0)').show();
            $(".hot .list div").jCarouselLite({ btnNext: ".hot .list .next", btnPrev: ".hot .list .prev", auto: 5000, speed: 300, vertical: true, visible: 1 });
            var speed = 4000, iNum = 0;
            for (var i = 0; i < $('.banner .show ul li').length; i++) {
                if (i == 0) { $('.tab').append('<a href=\"#1\" class=\"on\">1</a>'); }
                else { $('.tab').append('<a href=\"#1\">' + (i + 1) + '</a>'); }
            }
            $('.banner .focus a').bind('click', function () {
                var aIndex = $('.banner .focus a').index(this);
                $('.on').removeClass('on');
                $(this).addClass('on');
                $('.banner .show ul li').fadeOut().eq(aIndex).fadeIn();
                iNum = aIndex;
            });
            var autoPlay = function () {
                iNum++;
                if (iNum == $('.banner .show ul li').length) { iNum = 0; }
                $('.on').removeClass('on');
                $('.banner .focus  a').eq(iNum).addClass('on');
                $('.banner .show ul li').fadeOut().eq(iNum).fadeIn(1000);
            };
            var timer = setInterval(autoPlay, speed);
            $('.banner .show,.banner .focus').hover(function () { clearInterval(timer); }, function () { timer = setInterval(autoPlay, speed); });
        });//banner轮换效果
        $(".banner .close-btn").bind("click", function () {
            $(".news-show").animate({ top: 430 });
        });
        $(".box_btn").bind("click", function () {
            $(".news-show").animate({ top: 218 });

        });
    </script>
</body>
</html>
